<script>
	export default {
		//写在app.vue
		//应用生命周期函数
		onLaunch: function() {
			//应用启动
			console.log('App 启动')
		},
		onShow: function() {
			//显示
			console.log('App 显示')
		},
		onHide: function() {
			//隐藏
			console.log('App 隐藏')
		},
		
		// //写在页面
		// //页面生命周期函数
		// onLoad() {
		// 	//当前页面挂载
		// },
		// onShow(){
		// 	//当前页面被显示
		// },
		// onReady() {
		// 	//当前页面准备就绪
		// },
		// onHide(){
		// 	//当前页面被隐藏
		// },
		// onUnload(){
		// 	//当前页面完成卸载
		// },
		// onPageScroll() {
		// 	//页面滚动触发
		// },
		// onReachBottom() {
		// 	//页面滚动到底部
		// },
		// onPullDownRefresh() {
		// 	//页面在底部下拉刷新
		// }
		
		
		//组件生命周期方法
		//和vue一样
		
		
	}
</script>

<style lang="scss" >
	/*每个页面公共css */
	:not(not){
		box-sizing: border-box;
	}
	page{
		background-color:$uni-bg-color-grey;
	}
	view {
	/*显示模式：弹性容器 */
	display: flex;
	/* 弹性容器中的子元素主轴方向：横向 */
	flex-direction: row;
	}
	/* 选择每个页面最外层的容器元素，弹性主轴改为纵向 */
	view.content {
	/* 弹性容器中子元素的排列主轴方向：纵向 */
	flex-direction: column;
	}
	view.card{
		display: flex;
		flex-direction: column;
	}
</style>
